body{background-color:#fff}
@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
@keyframes fade_in{0%{opacity:0;top:30px}100%{opacity:1;top:0px;will-change:auto}}
@keyframes card_wave2{0%{left:0;top:0}50%{left:-40%;top:0}100%{left:0;top:0}}
@keyframes card_wave{0%{left:0;top:0}50%{left:-30%;top:0}100%{left:0;top:0}}
.loading{height:100%;width:100%;position:fixed;top:0;left:0;z-index:9999;background-color:rgba(250, 250, 250, 0.72)}
.loading_animation{display:block;position:relative;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;border:3px solid transparent;border-top-color:#3498db;animation:spin 2s linear infinite;z-index:1001}
.loading .round:nth-child(1){content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:3px solid transparent;border-top-color:#e74c3c;animation:spin 3s linear infinite}
.loading .round:nth-child(2){content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:3px solid transparent;border-top-color:#f9c922;animation:spin 1s linear infinite}
.loading .round:nth-child(3){transform:translateX(-100%);transition:all .7s .3s cubic-bezier(.645,.045,.355,1)}
.loading .round:nth-child(4){transform:translateX(100%);transition:all .7s .3s cubic-bezier(.645,.045,.355,1)}
.content{width:30%;position:relative;margin:0 auto;animation:fade_in;animation-duration:0.5s;will-change:transform;transform:translate3d(0,0,0)}
.i_page-padding{height:40px;width:100px}
.demos-header{padding-top:35px}
.content .page{margin:15px auto 15px auto;text-align:center;width:95%}
.demos-title{text-align:center;font-size:34px;color:#535353;font-weight:400;margin:0 15%}
.signbox{padding-right:15px}
.evalbox{margin-right:15px}
.col-50{width: 48% !important;float:left;margin:0 1% 10px 1% !important}
.quickquery{background-color:#94a1ac;margin-top:10px !important}
.quickquery:active{background-color:#76818b}
.weui-label{width:95px !important}
.weui-cells__title.status{text-align:center}
.weui-cells:before{border-top:0}
.weui-cells:after{border-bottom:0}
.weui-cells.weui-cells_form.bigbox{margin-top:0;margin-left:15px;border:1px solid rgba(81, 203, 238, 1);border-radius:3px}
.weui-footer{margin-top:60px}
.weui-vcode-btn,.weui-agree__checkbox:checked:before{color:#82bdcc !important}
.weui-vcode-btn:active{color:#73a8b6 !important}
#login_captcha{margin:10px;border-radius:2px}
.info_tag{padding-top:5px;font-size:12px}
.info_tag a{font-size:12px !important}
.fa{margin-right:5px}
@media screen and (max-width:1300px){.content{width:35%}}
@media screen and (max-width:1200px){.content{width:40%}}
@media screen and (max-width:1100px){.content{width:42%}}
@media screen and (max-width:1000px){.content{width:45%}}
@media screen and (max-width:850px){.content{width:50%}}
@media screen and (max-width:750px){.content{width:55%}}
@media screen and (max-width:700px){.content{width:60%}.demos-title:before{margin-left:40%}}
@media screen and (max-width:650px){.content{width:65%}.demos-title:before{margin-left:40%}}
@media screen and (max-width:600px){.content{width:70%}.demos-title:before{margin-left:40%}}
@media screen and (max-width:550px){.content{width:80%}.demos-title:before{margin-left:35%}}
@media screen and (max-width:525px){.content{width:85%}.demos-title:before{margin-left:35%}}
@media screen and (max-width:440px){.content{width:100%}.demos-title:before{margin-left:30%}}
@media screen and (max-width:335px){.i_user-info-container{margin:44px 0 0 60px !important}.botm{display:none}.i_header{margin-left:2% !important}.i_user-photo{height:48px !important;width:48px !important}.i_user-photo-container{margin-top:48px !important}}
#i_notice{color:#8A6D3B;background-color:#FCF8E3;border: 1px solid #FAEBCC;overflow:hidden;margin:10px auto 0 auto;padding:15px;border-radius:4px;font-size:12px;width:80%}
#i_notice p{margin:0px}
.i_page-title{background-size:100%;font-size:16px;text-align:center;background-image:linear-gradient(315deg,#b1c46c,#76b28e,#559386);position:relative;height:160px;overflow:hidden}
.i_page-navbar{width:100%;z-index:100;line-height:40px;color:#fff;font-size:16px;text-align:center;background-color:#03a9f4;position:fixed;height:40px;overflow:hidden}
.i_page-navbar a.return {width:62px;padding-left: 0;text-indent: 8px;left:0}
.i_page-navbar a {position: absolute;margin: 5px 6px;display: inline-block;padding-left: 15px;line-height: 30px;font-size: 14px;right: 0;color: #fff;width: 70px}
.i_header{margin-left:5%;height:160px;text-shadow:0 0 0 #000, 0px 0px 1px #000}
.i_vision{overflow:hidden;position:absolute;width:100%}
.i_vision .mide{background:url(../img/card_star.png) no-repeat 0 0;background-size:100%;height:160px;position:relative}
.i_vision .botm:nth-child(1n),.i_vision .botm:nth-child(2n){background:url(../img/card_cloud1.png) repeat-x 0 bottom;height:60%;margin-top:20%;position:absolute;top:0;left:0}
.i_vision .botm:nth-child(1n){width:200%;background-size:10rem auto;animation:card_wave 10s linear 0s infinite alternate}
.i_vision .botm:nth-child(2n){width:200%;background-size:12rem 2rem;background-image:url(../img/card_cloud2.png);left:-30rem;animation:card_wave2 5s linear 0s infinite alternate}
.i_user-photo-container{position:absolute;margin-top:42px;float:left}
.i_user-info-container{float:left;margin:44px 0 0 75px;line-height:20px;text-align:left;color:#fff}
.i_user-info-container h1{font-size:1.2em;font-weight:normal}
.i_user-info-container p,.i_user-info-container a{font-size:14px}
.i_user-info-container a{color:#fff}
.i_user-photo{border-radius:50%;border:1px solid #6cc8e2;height:64px;width:64px}
.logged-user{margin:0 auto 10px auto;text-align:center}
.logged-user .avatar{border-radius:50%;border:1px solid #e6e6e6}
.logged-user p{color:#3d4145;font-size:16px}
#i_submit{cursor:pointer;background-color:#5bc0de}
.oauth{background-color:#73c272}
#i_total p{padding:10px 0 0 20px}
#i_total center{margin:0 auto;font-size:3em;color:#0092bf}
#list_page{background-color:#FFF}
#list_page td{font-size:12px;text-decoration:none;color:#000000}
#list_page table{table-layout:auto;word-wrap:break-word;background-color:#fff;width:100%;position:relative;margin:0 auto}
#list_page table.title tr td{color:#000000;font-size:14px;font-weight:bold;text-decoration:none;height:24px;line-height:0rem;padding-top:10px;float:left;word-break:break-all;overflow:hidden;border-collapse:separate;border-spacing:1px}
#list_page table.titleTop2{background-color:#ffffff}
#list_page table.displayTag tr.even{background-color:#FFFFFF;color:#000000;text-decoration:none;font-size:12px;height:20px}
#list_page table.displayTag tr.evenfocus{background-color:#FFFBDD;text-decoration:none;font-size:12px;height:20px}
#list_page table.displayTag tr.odd{background-color:#FFFFFF;color:#000000;text-decoration:none;font-size:12px;height:20px}
#list_page table.displayTag tr.oddfocus{background-color:#FFFBDD;text-decoration:none;font-size:12px;height:20px}
#list_page table.displayTag tr.oddSelected{background-color:#FFFF97;text-decoration:none;font-size:12px;height:20px}
#list_page table.displayTag tr.evenSelected{background-color:#FFFF97;text-decoration:none;font-size:12px;height:20px}
#list_page table.displayTag tr td.sortable{background-color:#D7E7FF;font-size:12px;font-weight:bold;color:#000000;text-decoration:none;text-align:center;padding-right:5px;padding-left:5px;height:20px;white-space:nowrap}
#list_page table.displayTag th.sortable{word-wrap:break-word;background-color:#E1EDFF;font-size:12px;font-weight:bold;color:#000000;text-decoration:none;text-align:center;padding-right:5px;padding-left:5px;height:20px}
#list_page table.displayTag{background-color:#238BD4}
#list_page table.displayTag2{background-color:#ffffff}
#list_page table.fieldsettop{border-right-width:0px;border-left-width:10px;border-right-style:solid;border-left-style:solid;border-right-color:#ffffff;border-left-color:#ffffff;border-top-width:8px;border-top-style:solid;border-top-color:#ffffff}
#list_page .legend{font-size:14px;font-weight:bold;color:#248CD5;text-decoration:none;background-color:#ffffff}
#list_page table .infoBg2{float:left}
#list_page table .infoBg4,#list_page table .infoBg5{display:none}
#tblView tr td{width:50% !important}
#byplan{padding:10px 0 10px 30px}
#byplan tr td{font-size:12px;width:60% !important}
#list_page table.titleTop3{background-color:#ffffff;border-top:5px solid #ffffff;border-bottom:5px solid #ffffff}
.item-inner span{margin-right:10px}